<?php
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Catalogo  de cuentas</title>
        <link rel="stylesheet" type="text/css" href="../CSS/easyui.css">
        <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.2/themes/icons/icon.css">
        <link rel="stylesheet" type="text/css" href="../CSS/FormatoCatalogo.css">
        <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="../CSS/Formato.css" />
        <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.2/themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.2/themes/icon.css">
        <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.2/demo/demo.css">
        <script type="text/javascript" src="../jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="../jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
        <script type="text/javascript">
            var rowSelected;
            function enviarDatosCuenta() {
                var codigoSubCUenta = document.getElementById('codigoSubCuenta');
                if (rowSelected) {
                    $("#msgAgregar").load("../PHP/registrarSubCuenta.php", {
                        codigoSubCuenta: codigoSubCUenta.value,
                        descripcionSubCuenta: descripcionSubCuenta.value,
                        codigoPadreSeleccionado: rowSelected
                    }
                    );
                }
            }
            function modificarCuenta() {
                var descCuenta = prompt('Ingrese el nuevo nombre de la cuenta:', '');
                if (confirm('Estas seguro que deseas cambiar el nombre de la cuenta')) {
                    $("#destino").load("../PHP/modificarCuenta.php", {
                        codCuentaModificar: rowSelected,
                        descCuentaModificar: descCuenta
                    }
                    );
                }
            }
            function eliminarCuenta() {
                if (confirm("Estas seguro que quieres eliminar esta cuenta y sus hijos")) {
                    $("#destino").load("../PHP/eliminarCuenta.php", {codCuentaEliminar: rowSelected});
                }
            }
            $(function() {
                $("#busquedaCuenta").click(function(evento) {
                    evento.preventDefault();
                    var campo = document.getElementById('campoBusqueda');
                    rowSelected = campo.value;
                    $("#destino").load("../PHP/consultaCatalogoAjax.php", {codigo: campo.value});
                });

                $('#catalogo').treegrid({
                    onClickRow: function(rowIndex) {
                        rowSelected = rowIndex.codigo;
                        $("#destino").load("../PHP/consultaCatalogoAjax.php", {codigo: rowIndex.codigo});
                    }
                });
            }
            );
            function revisarObjeto(objeto) {
                var elemento = "";
                for (elemento in objeto) {
                    elemento += "fila[" + elemento + "] = ";

                }
                alert(elemento);
            }
        </script>
    </head>
    <body class="easyui-layout">
        <div data-options="region:'west',split:true,title:'Catalogo de cuentas'" style="width:580px;padding:10px;">
            <h2>Catalogo de Cuentas</h2>

            <input type="button" id="actualizar" value="Actualizar catalogo">
            <div style="margin:10px 0;"></div>
            <table id="catalogo" title="catálogo" class="easyui-treegrid" style="width:550px;height: 500px"
                   data-options="
                   url: '../PHP/get_Cuentas.php',
                   rownumbers: false,
                   idField: 'codigo',
                   treeField: 'codigo'
                   ">
                <thead>
                    <tr>
                        <th data-options="field:'codigo'" width="220">Codigo</th>
                        <th data-options="field:'nombre'" width="220">Nombre</th>
                    </tr>
                </thead>
            </table>

        </div>
        <div data-options="region:'center',title:'Detalle de cuenta'">
            <h1>Detalle de Cuenta</h1>
            <div id="busqueda">
                <form>
                    <input type="text" name="codBusqueda" id="campoBusqueda" maxlength="7">
                    <input type="button"  id="busquedaCuenta" name="busqueda" value="Buscar cuenta"> 
                </form>
            </div>
            <div id="destino">
                Seleccione una cuenta en el catalogo para ver su detalle
            </div>
        </div>
    </body>
</html>
